<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
		
		<title>影片分区</title>

		<!-- Loading third party fonts -->
		<link href="http://fonts.googleapis.com/css?family=Roboto:300,400,700|" rel="stylesheet" type="text/css">
		<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">

		<!-- Loading main css file -->
		<link rel="stylesheet" href="style.css">
		<!--[if lt IE 9]>

		<script src="js/min/ie-support/html5.js"></script>
		<script src="js/min/ie-support/respond.js"></script>
		<![endif]-->
		<script src="js/min/jquery-1.11.1.min.js"></script>
		<script src="js/min/plugins.js"></script>
		<script src="js/min/app.js"></script>
		<script src="js/min/js.cookie.js"></script>
		<script src="js/MyJs/common/utils.js"></script>
		<link rel="stylesheet" href="css/bootstrap.css">
		<script src="js/min/bootstrap.min.js"></script>
		<script src="js/min/bootstrapValidator.js"></script>

	</head>


	<body>
		

		<div id="site-content">
	<div id="header"></div>
			<main class="main-content">
				<div class="container">
					<div class="page">
						<div class="breadcrumbs">
							<a href="index.html">主页</a>
							<span>Movie Review</span>
						</div>

<!--						<div class="filters">-->
<!--							<select name="#" placeholder="Choose Category">-->
<!--								<option value="#">Action</option>-->
<!--								<option value="#">Drama</option>-->
<!--								<option value="#">Fantasy</option>-->
<!--								<option value="#">Horror</option>-->
<!--								<option value="#">Adventure</option>-->
<!--							</select>-->
<!--							<select name="#" >-->
<!--								<option value="#">2012</option>-->
<!--								<option value="#">2013</option>-->
<!--								<option value="#">2014</option>-->
<!--							</select>-->
<!--						</div>-->
						<div class="movie-list">
							<div class="movie" >
								<figure class="movie-poster"><img src="dummy/thumb-3.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">Maleficient</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-4.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">The adventure of Tintin</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-5.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">Hobbit</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-6.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">Exists</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-1.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">Drive hard</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-2.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">Robocop</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-7.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">Life of Pi</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
							<div class="movie">
								<figure class="movie-poster"><img src="dummy/thumb-8.jpg" alt="#"></figure>
								<div class="movie-title"><a href="about.html">The Colony</a></div>
								<p>Sed ut perspiciatis unde omnis iste natus error voluptatem doloremque.</p>
							</div>
						</div> <!-- .movie-list -->

						<div class="pagination">
							<a href="" class="page-number prev"><i class="fa fa-angle-left"></i></a>
							<a href="#"  name="page" class="page-number current">1</a>
							<a href="" class="page-number next"><i class="fa fa-angle-right"></i></a>
							&nbsp;&nbsp;<span>共 <span id="PageAll" style="color:greenyellow">?</span> 页 </span>
							<span>&nbsp;&nbsp; 共 <span id="FilmAll" style="color: red">?</span> 部影片</span>
						</div>
					</div>
				</div> <!-- .container -->
			</main>
		<div id="footer"></div>
		</div>
		<!-- Default snippet for navigation -->
		<script src="js/MyJs/common/global.js"></script>
		<script src="js/MyJs/common/functions.js"></script>
		<script src="js/MyJs/common/common.js"></script>


		<script src="js/MyJs/review/global.js"></script>
		<script src="js/MyJs/review/functions.js"></script>
		<script src="js/MyJs/review/review.js"></script>
	</body>

</html>